<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<link rel="stylesheet" href="css/logo.css">
	<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="js/swiper.min.js" charset="UTF-8"></script>
	<script src="js/global.js" charset="UTF-8"></script>
	<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	
	<title>XXX</title>
</head>

	<style type="text/css">
		.s{
			padding: 6px 0;
          
            padding-right: 0px;
            padding-bottom: 6px;
            padding-left: 0px;
            text-indent: 10px;
            width: 460px;
            border: none;
            outline: 0;
            background: #FFF;
          
           }
           
            .ss{
    float: right;
    width: 65px;
    height: 30px;
    border: none;
    border-top-color: initial;
    border-top-style: none;
    border-top-width: initial;
    border-right-color: initial;	
    border-right-style: none;
    border-right-width: initial;
    border-bottom-color: initial;
    border-bottom-style: none;
    border-bottom-width: initial;
    border-left-color: initial;
    border-left-style: none;
    border-left-width: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    cursor: pointer;
    background-color: #FF4200;
    color: white;
   
}

/* 打开和关闭手风琴面板的样式 */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  position: absolute; 
  margin-left: 960px;
}
 
/* 设置点击和鼠标移到选项上面时（悬停）的样式 */
.active, .accordion:hover {
}
 
/* 为手风琴面板设计样式。 默认隐藏 */
.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  width: 1200px;
   border-top: 0.5px solid #e8e8e8;
  border-bottom: 0.5px solid #e8e8e8;
  border-left: 0.2px solid #e8e8e8;
  border-right: 0.2px solid #e8e8e8;
  margin: auto;
  margin-top: 30px;
}
.panel:after{
	border: white solid 1px;
}
/* 设置 +、- 标志 */
.accordion:after {
  text-align: center;
  content: '展开筛选   ▾';  /* Unicode 字符 + 号 */
  font-size: 14px;
  color: #fff;
  
}
 
.active:after { 
	text-align: center;
    content: "收起筛选  ▴ ";  /* Unicode 字符 - 号 */
}
.shai{
	margin: auto;
	float: right;
	
	width: 1200px;
}
.shaia{
	
	float: right;
	width: 1200px;
	
}
.kkk{
	width: 1150px;
	height: 35px;
	color: #999;
	border-bottom: dashed #CCCCCC 1px ;
	margin: auto;
	
}
title{
	float: left;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.csslll{
	display: inline;
	font-weight: 400;
	font-size: 100%;
	font-size: 12px;
}
.tli{
	width: 100px; 
	height: 20px; 
	float: left;
	margin-top: 6px;
}
.zi{
	font-size: 10px;
	font: "微软雅黑";
	color: black;
	float: left;
	padding: 8px;

}
.zi1{
	font-size: 10px;
	font: "微软雅黑";
	color: black;
	float: left;
	padding: 8px;

}
.zis{
	font-size: 12px;
	font: "微软雅黑";
	color: black;
	float: left;
	padding: 8px;
}
.wei{
	
	width: 100px;
	height: 20px;
	float: right;
	margin-top: 6px;
}
.duoxuan{
	font-size: 10px;
	font: "微软雅黑";
	color: black;
	float: left;
	width: 26px;
	height: 18px;
	border: 1px darkgrey solid;
}
.gduo{
	font: "微软雅黑";
	color: black;
	font-size: 10px;
	text-align: center;
}
.sss{
	
    text-align: center;
    line-height: 24px;
    margin-top: 4px;
    height: 24px;
    width: 90px;
    background-color: #b31e22;
    text-decoration: none;
}
.inners{
	border: 1px solid #e8e8e8;
	width: 1200px;
	height: 36px;
}
.zhpx{
	height: 39px;
    background-color: #f5f5f5;
    border: solid 1px #e8e8e8;
    margin-top: 10px;
    margin: auth;
    float: left;
    width: 1200px;
}
.p{
	float: left;
    display: block;
    height: 39px;
    margin-left: -1px;
    padding: 0 19px;
    text-decoration: none;
    color: #6d6d6d;
}
.p:hover
{
	cursor:pointer;
	background: white;
}
.zui{
	
	height: 39px;
	float: left;
	margin-left: 80px;
}
.sssss{
	    display: block;
    height: 23px;
    padding: 0 10px;
    background: #f40;
    color: #fff;
    line-height: 23px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    float: right;
    font-size: 100%;
    margin-left: 5px;
    margin-top: 7px;
    font-size: 12px;
}
.sort-total {
    color: #b31e22;
    padding-right: 10px;
    margin-top: 9px;
}
.pull-right {
    float: right !important;
}

 .llll:ul, li {
            list-style: none;
            width: 100%;
            }
             .llll:ul {
            border: 1px solid #ddd;
            border-top: none;
            display: none;
            background: #eee;
             z-index:200;
            }
             .llll:li {
            padding: 0 10px;
            height: 30px;
            line-height: 30px;
            cursor: pointer;
             z-index: 200;
            }
             .llll:li:hover {
            background-color: #eee; z-index: 200;
            }
            
            .actives {
            background-color: white;
            color:brown;
           }
           .llll{
           	 list-style: none;
            width: 100%;
             background-color: #eee;
             z-index: 200;
           }
           .nav-boxs{
           	z-index: 10;
            height: 40px;
            line-height: 40px;
           }
            a{
          	text-decoration:none;
          	}
          	.mm{
          		margin-top: 8px;
          	}
          	 *{
            margin: 0;
            padding: 0;
        }
        .cent{
            background:#f5f5f5;
            width: 80px;
            height:39px; 
            float: left;
            position:absolute;
            margin-top: auto;
            margin-right: 20px;
        }
        .cs{
            float: left;
            height:39px;
            width: 90px;
            background:white;
            top:0px;
            position:absolute;
            opacity: 0;
            display: block;
            font-size: 12px;
        }
        .cent:hover .cs{
        	float: left;
            color: #656e73;
            opacity: 1;
        }
        .hong:hover{
        	color: red;
        }
        .photo{
        	cursor: pointer;
        }
        .sale{
        	cursor: pointer;
        }
	</style>
<body>

	
	<!-- 顶部tab -->
<div id="dingdan">
	
</div>
	<!-- 搜索栏 -->
	<div class="top-search">
		<div class="inner">
			<a  class="logo"  href="index.html"><li id="logo"></li></a>
			<div class="search-box searchBox">
				<form class="input-group">
					<input placeholder="Ta们都在搜XXX"  id="searchInput" type="text" autocomplete="off">
					<span class="input-group-btn">
						<button type="button" class="" id="llllll" onclick="sss()">
							<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
						</button>
					</span>
				</form>
				
				
				<div class="llll">
					<ul id="viewContent"></ul>
				</div>
				
			</div>
			<div class="cart-box">
				<a href="udai_shopcart.html" class="cart-but">
					<i class="iconfont icon-shopcart cr fz16"></i> 购物车<span id="gwcs">0</span> 件
				</a>
			</div>
		</div>
	</div>
	<!-- 内页导航栏 -->
	<div class="top-nav bg3" style="z-index: 100;">
		<div class="nav-boxs inner">
			<div class="all-cat">
				<div class="title"><i class="iconfont icon-menu"></i> 全部分类</div>
			</div>
			<ul class="nva-list">
				<a href="index.html"><li>首页</li></a>
				<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
				<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
				<a href="class_room.html"><li>U袋学堂</li></a>
				<a href="enterprise_id.html"><li>企业账号</li></a>
				<a href="udai_contract.html"><li>诚信合约</li></a>
				<a href="item_remove.html"><li>实时下架</li></a>
			</ul>
		</div>
	</div>
	<div class="content inner">
		<section class="filter-section clearfix">
			<ol class="breadcrumb">
				<li><a href="index.html">首页</a></li>
				<li class="">商品筛选</li>
			</ol>
			<div class="filter-box">
				<div class="all-filter">
					<div class="filter-value">
						<div class="filter-title">赛杰百货 <i class="iconfont icon-down"></i></div>
						<!-- 全部大分类 -->
						<!--<ul class="catelist-card">
							<a href=""><ul class="">赛杰百货</ul></a>
							<table >
								<tr>
									<td style="font-size: 18px;">Header</td>
									<td>Header</td>
									<td>Header</td>
								</tr>
								<tr>
									 <td style="font-size: 18px;">Data</td>
									 <td>Header</td>
									 <td>Header</td>
								</tr>
							</table>
						</ul>-->
						<!-- 已选选项 -->
						<div class="ul_filter adds">
							 
						</div>
						<div class="ul_filter addss">
							 
						</div>
						<a class="reset pull-right">重置</a>
					</div>
				</div>
			</div>
			
			
			<button class="accordion sss" id="accordion" style="float: right;" ></button>
<div class="panel">
	<!--筛选分类-->
	<div id="" class="shai" >
 
	</div>
	<div id="" class="shaia">
 
	</div>
</div>

<!--<div class="inners tli">
	 <div id="" class="kkk">
		 	
				<div id="" class="" style="float: left; width: 100px; margin-top: 6px;">
		 		<span  title="你是不是想找" >
		 		<span class="csslll">你是不是想找：</span>
		 	</span>
		 	</div>
		 	<div id="" style="width: 1000px;  margin: auto; float: left;">
		 		<div class="zis">HSTYLE/韩都衣舍</div>
		 		<div class="zis">HSTYLE/韩都衣舍</div>
		 		<div class="zis">HSTYLE/韩都衣舍</div>
		 		<div class="zis">HSTYLE/韩都衣舍</div>
		 	</div>

		 </div>
  </div>-->


<div class="zhpx">
	           <div id="" style="height: 39px; float: left;">
	           	   <div class="p one actives"><div class="mm" id="one">综合排序</div></div>
	           	   <div class="p two"><div class="mm" id="two">销量</div></div>
	           	   <!--<div class="p three"><div class="mm" id="three">评论</div></div>
	           	   <div class="p four"><div class="mm" id="four">信用</div></div>-->
	           	   <div class="p" id="fiew"> 
<div class="cent"  style="width: 90px; height: 39px;">
	<div id="jg" style="margin-top: 8px;">
		 <div >价格</div>
	</div>
      
    <div class="cs">
        <span class="gao hong" >价格从高到低</span>
        <br />
        <span class="di hong">价格从低到高</span>
    </div>
</div>
	           	   </div>
	           </div>
	           
	           <div class="zui">
	           	<input type="text" name="" id="xiao" class="xiao"  value="" style="width: 55px; height: 23px; margin-top: 7px; font-size: 10px;" placeholder="￥" />
	           	<span id="">
	           		-
	           	</span>
	           	<input type="text" name=""  id="da" class="da" value="" style="width: 55px; height: 23px;  margin-top: 7px; font-size: 10px;"  placeholder="￥"/>
	           	<input type="button" name="" id="" value="确定" class="sssss"/>
	           </div>
	           
	           <div class="pull-right" style="margin-top:8px; margin-right: 20px;">共<span id="shushu" style="color: red;">0</span>个商品</div>
	           
        </div>
		</section>
		<!--综合排序-->
		
		<section class="item-show__div clearfix">
			<div class="pull-left">
				<div class="item-list__area clearfix">
				
				</div>
				<!-- 分页 -->
				<div class="page text-right clearfix" style=" margin-top: 1550px;">
					<a class="disabled">上一页</a>
					<a class="select">1</a>
					<a href="">2</a>
					<a href="">3</a>
					<a href="">4</a>
					<a href="">5</a>
					<a class="" href="">下一页</a>
					<a class="disabled">1/5页</a>
					<form action="" class="page-order">
						到第
						<input type="text" name="page">
						页
						<input class="sub" type="submit" value="确定">
					</form>
				</div>
			</div>
		
		</section>
	</div>
	<!-- 右侧菜单 -->
	<div class="right-nav">
		<ul class="r-with-gotop">
			<li class="r-toolbar-item">
				<a href="udai_welcome.html" class="r-item-hd">
					<i class="iconfont icon-user" data-badge="0"></i>
					<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_shopcart.html" class="r-item-hd">
					<i class="iconfont icon-cart"></i>
					<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="udai_collection.html" class="r-item-hd">
					<i class="iconfont icon-aixin"></i>
					<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="" class="r-item-hd">
					<i class="iconfont icon-liaotian"></i>
					<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
				</a>
			</li>
			<li class="r-toolbar-item">
				<a href="issues.html" class="r-item-hd">
					<i class="iconfont icon-liuyan"></i>
					<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
				</a>
			</li>
			<li class="r-toolbar-item to-top">
				<i class="iconfont icon-top"></i>
				<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
			</li>
		</ul>
		<!--<script>
			$(document).ready(function(){ $('.to-top').toTop({position:false}) });
		</script>-->
	</div>
	<!-- 底部信息 -->
	<div class="footer">
		<div class="footer-tags">
			<div class="tags-box inner">
				<div class="tag-div">
					<img src="images/icons/footer_1.gif" alt="厂家直供">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_2.gif" alt="一件代发">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_3.gif" alt="美工活动支持">
				</div>
				<div class="tag-div">
					<img src="images/icons/footer_4.gif" alt="信誉认证">
				</div>
			</div>
		</div>
		<div class="footer-links inner">
			<dl>
				<dt>XXX</dt>
				<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
				<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
				<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
			</dl>
			<dl>
				<dt>服务中心</dt>
				<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
				<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
				<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
				<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
			</dl>
			<dl>
				<dt>新手上路</dt>
				<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
				<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
				<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
				<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
			</dl>
		</div>
		<div class="copy-box clearfix">
			<ul class="copy-links">
				<a href="agent_level.html"><li>网店代销</li></a>
				<a href="class_room.html"><li>U袋学堂</li></a>
				<a href="udai_about.html"><li>联系我们</li></a>
				<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
				<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
			</ul>
			<!-- 版权 -->
			
		</div>
	</div>
</body>

<script type="text/javascript">

	 $("#searchInput").val(localStorage.getItem("kuang"));
</script>

<script>
	
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
</script>

 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript">
    	$("#dingdan").load("index_head.html");
    	
        $(document).ready(function(){
            $(".one").click(function(){
                $(".one").addClass("actives");
                $(".one").siblings().removeClass("actives");
                $('#one').text("综合排序")
	            $('#two').text("销量")
	            $('#three').text("评论")
	            $('#four').text("信用")
	            $('#jg').text("价格");
            });
            $(".two").click(function(){
                $(".two").addClass("actives");
                $(".two").siblings().removeClass("actives"); 
	 	        $('#one').text("综合")
	            $('#two').text("销量从高到低")
	            $('#three').text("评论")
	            $('#four').text("信用")
	            $('#jg').text("价格");
            });
            $(".three").click(function(){
                $(".three").addClass("actives");
                $(".three").siblings().removeClass("actives");
                $('#one').text("综合")
	            $('#two').text("销量")
	            $('#three').text("好评从高到低")
	            $('#four').text("信用")
	            $('#jg').text("价格");
            });
            $(".four").click(function(){
                $(".four").addClass("actives");
                $(".four").siblings().removeClass("actives");
                $('#one').text("综合")
	            $('#two').text("销量")
	            $('#three').text("评论")
	            $('#four').text("信用从高到低")
	            $('#jg').text("价格");
            });
            $(".gao").click(function(){
            	$("#fiew").addClass("actives");
                $("#fiew").siblings().removeClass("actives");
                $('#one').text("综合")
	            $('#two').text("销量")
	            $('#three').text("评论")
	            $('#four').text("信用")
	            $('#jg').text("价格从高到低");
	            var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/gao',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+=
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
             }
        })
            })
            $(".di").click(function(){
            	$("#fiew").addClass("actives");
                $("#fiew").siblings().removeClass("actives");
                $('#one').text("综合")
	            $('#two').text("销量")
	            $('#three').text("评论")
	            $('#four').text("信用")
	            $('#jg').text("价格从低到高");
	            var category_name=$("#searchInput").val();
	            	$.ajax({
            url: 'http://localhost:16111/goods/di',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+=
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
             }
        })
	            
            })
        })
       
    </script>

    
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
	
	setInterval(document.getElementById('llllll').click(),1); 
	 function sss () {
	 	function_namesss ()
	 	function_namessss()
	 	var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/ppp',
            dataType: 'json',
            type:"post",
            
            xhrFields:{withCredentials: true},
            data:{category_name:category_name},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
         "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
         "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+=
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
             }
        })
	 	
	 	
	 	
	 	
	 	$.ajax({
            url: 'http://localhost:16111/goods/pppp',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{category_name:category_name},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
	 	  }
        })
	 	
	 }
	 
	 
	  
	 function function_namesss () {
	 	var category_name=$("#searchInput").val();

	 	$.ajax({
            url: 'http://localhost:16111/goods/oooo',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{category_name:category_name},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
        for(var i in user.data){
        	
        // 默认显示4条信息
        str+= "<div  class=\"kkk\">"+
				"<div class=\"tli\"><span title=\"品牌\" ><sapn class=\"csslll\">"+user.data[i].configuration_type+"：</span></span></div>";
		 	   for (var a in user.data[i].child) {
        		str+= "<div  style=\"width: 710px;  \"><div class=\"zi\">"+user.data[i].child[a].config_details+"</div></div>";
                }
		 	   str+="<div class=\"wei\"><div class=\"duoxuan\">多选</div><div class=\"gduo\">更多▽</div></div>"+
		        "</div>"
        }
        $(".shai").html(str);
        setInterval(document.getElementById('accordion').click(),1); 
             }
        })
	 		 	
	 	
	 }
	 
	 function function_namessss () {
	 	var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/www',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{category_name:category_name},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
        for(var i in user.data){
        	
        // 默认显示4条信息
        str+= "<div  class=\"kkk\">"+
				"<div class=\"tli\"><span title=\"品牌\" ><span class=\"csslll\">"+user.data[i].attribute+"：</span></span></div>";
		 	   for (var a in user.data[i].list) {
        		str+= "<div  style=\"width: 710px;  \"><div class=\"zi1\">"+user.data[i].list[a].details+"</div></div>";
                }
		 	   str+="<div class=\"wei\"><div class=\"duoxuan\">多选</div><div class=\"gduo\">更多▽</div></div>"+
		        "</div>"
        }
        $(".shaia").html(str);
        setInterval(document.getElementById('accordion').click(),1); 
        setInterval(document.getElementById('accordion').click(),1); 
             }
        })
	 }
</script>

<script>
	//zi 属性
	$pz='';
$(document).on("click", ".zi", function() {
	var a=$(this).html();
	var b=$(this).parent().parent().find(".tli").text();
	var str='';
	str+="<span class=\"pull-left sx\" id=\"sx\">"+b+" "+a+" <a href=\"javascript:;\" class=\"close qiushan\">&times;</a></span>";
		$(".adds").html(str);
		$sx=a;
		xuan ();
})
//zi1 配置
    $sx='';
$(document).on("click", ".zi1", function() {
	var sx=''
	var a=$(this).html();
	var b=$(this).parent().parent().find(".tli").text();
	var str='';
	str+="<span class=\"pull-left pz\">"+b+" "+a+" <a href=\"javascript:;\" class=\"close qiushan1\">&times;</a></span>";
	$(".addss").html(str);
	    $pz=a;
	    xuan ();
})
$(document).on("click", ".qiushan", function() {
     $('.adds').text("");
     $sx='';
     var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/sp',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+=
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
           	 $.ajax({
            url: 'http://localhost:16111/goods/sp1',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
           
	 	  }
        })
             }
        })
})
$(document).on("click", ".qiushan1", function() {
	 $('.addss').text("");
     $pz='';
     var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/sp',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+= 
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
           	 $.ajax({
            url: 'http://localhost:16111/goods/sp1',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
            
	 	  }
        })
             }
        })
})
$(document).on("click", ".reset", function() {
	 $('.addss').text("");
     $pz='';
      $('.adds').text("");
     $sx='';
	var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/sp',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+= 
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
         	 $.ajax({
            url: 'http://localhost:16111/goods/sp1',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
            
	 	  }
        })
             }
        })
})
function xuan () {
		     var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/sp',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+= 
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
           	 $.ajax({
            url: 'http://localhost:16111/goods/sp1',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
            
	 	  }
        })
             }
        })
	 	
	 	
}

$(document).on("click", ".two", function() {
	  var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/px',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz},
            success:function(data){
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+" class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+= 
						"</div>"+
					"</div>"
        }
        $(".item-list__area").html(str);
     
        
             }
        })
	 	
})

$(document).on("click", ".one", function() {
	xuan();
	
})

$(document).on("click", ".sssss", function() {
	var xiao=$("#xiao").val();
	var da=$("#da").val();
	 var category_name=$("#searchInput").val();
	 	$.ajax({
            url: 'http://localhost:16111/goods/jiage',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz,xiao:xiao,da:da},
            success:function(data){
            	
            var str = '';
       	var user = eval('(' + JSON.stringify(data) + ')')
         
        for(var i in user.data){
        // 默认显示4条信息
        str+= "<div class=\"item-card\">"+
        "<span class=\"id\" style=\"display: none;\">"+user.data[i].id+"</span>"+
        "<span class=\"nametop\" style=\"display: none;\">"+user.data[i].commodity_name+"</span>"+
         "<span class=\"types\" style=\"display: none;\">"+user.data[i].category_id+"</span>"+
						"<a  class=\"photo\">"+
							"<img src="+user.data[i].commodity_picture +" alt="+user.data[i].commodity_description+"  class=\"cover\">"+
							"<div class=\"name\" style=\"font-size: 12px;\">"+user.data[i].commodity_description+"</div>"+
						"</a>"+
						"<div class=\"middle\">"+
							"<small>￥</small><div class=\"price\">"+user.data[i].commodity_price+"</div>"+
							"<div class=\"sale\"><a >加入购物车</a></div>"+
						"</div>"+
						"<div class=\"buttom\">";
							
							if (user.data[i].sales_Volume>=10000) {
								str+="<div>销量 <b>10000+</b></div>";
							}else{
								str+="<div>销量 <b>"+user.data[i].sales_Volume+"</b></div>";
							}
							
							str+=
						"</div>"+
					"</div>"
        }
        
        $(".item-list__area").html(str);
        shuliang ();
        function shuliang () {
        	 $.ajax({
            url: 'http://localhost:16111/goods/jiage1',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{commodity_name:category_name, config_details:$sx, attribute:$pz,xiao:xiao,da:da},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("shushu").innerHTML=user.data
            
	 	  }
        })
        }
       
        
        
           }
        })
        $('#da').val("")
	 	$('#xiao').val("")
	 	
})
function getuserid(cookieName) {
              var strCookie = document.cookie;
              var arrCookie = strCookie.split("; ");
              for(var i = 0; i < arrCookie.length; i++){
                 var arr = arrCookie[i].split("=");
                 if(cookieName == arr[0]){
                 return arr[1];
                 }
               }
               return "";
            }

/*传值给🐕
*/$(document).on("click", ".photo", function() {
	 		 var id=$(this).parent().find(".id").text();
	 		 var cate=$(this).parent().find(".types").text();
	 		
	 		location.href = "item_show.html?id=" + id + "=" + cate;
	 	})
/*直接加入购物车*/
$(document).on("click", ".sale", function(){
	     var userid=getuserid("userid");
	     var quantity_of_goods=1
         var id=$(this).parent().parent().find(".id").text();
         var cover=$(this).parent().parent().find(".cover").attr("src");
         var name=$(this).parent().parent().find(".name").text();
         var nametop=$(this).parent().parent().find(".nametop").text();
         var price=$(this).parent().find(".price").text();
         if (userid!=null) {
         	   $.ajax({
            url: 'http://localhost:16111/pay/pay/addshopping',
            dataType: 'json',
            xhrFields:{withCredentials: true},
            type:"get",
            data:{user_id:userid,quantity_of_goods,quantity_of_goods,commodity_id:id,commodity_picture:cover,
            commodity_description:name,commodity_nametop:nametop,collection_item_price:price,status:1
            },
            success:function(data){
            var dataObj=eval("("+JSON.stringify(data)+")");
			if (dataObj.code!=0){
				gwcoo ();
			}else{
				return;
			}
	 	  }
        })
         } else{
         	alert("请先登录")
         }
	
})
fuoo ();
function fuoo () {
	var userid=getuserid("userid");
	if (userid!=null) {
		gwcoo ();
	} else{
		
	}
}

function gwcoo () {
	var userid=getuserid("userid");
		$.ajax({
            url: 'http://localhost:16111/goods/gwc',
            dataType: 'json',
            type:"post",
            xhrFields:{withCredentials: true},
            data:{userid:userid},
            success:function(data){
            var user = eval('(' + JSON.stringify(data) + ')')
            document.getElementById("gwcs").innerHTML=user.data
	 	  }
        })
}
</script>
</html>